<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">		
        <title>定制服务</title>       
        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet">		
        <!-- <link href="css/font-awesome.min.css" rel="stylesheet"> -->
        <!-- <link href="css/magnific-popup.css" rel="stylesheet"> -->
        <!-- <link href="css/animate.css" rel="stylesheet"> -->
        <link href="css/owl.carousel.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/iconfont.css">
        <!-- 悬浮层样式 -->
        <link rel="stylesheet" type="text/css" href="css/xuanfuceng.css" />
        <!-- Main css -->
        <link href="css/main.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <style>
        .header-area{
        	background-image: linear-gradient(to right, rgba(3, 219, 210, .5) , rgba(70, 147, 236, .5));
    	    padding: 10px 0;
        }
        .sticky-header .main-menu ul li a, .sticky-header .header-btn, .sticky-header .header-btn a {
		    color: #fff;
		}
		.main-menu {
		    height: 50px;
		}
		.nav-link:hover,.m-auto .active,.sticky-header .nav-link:hover {
		    border-bottom: solid 4px #ffffff;
		}
		.navbar-nav>li>a {
		    padding: 14px 18px;
		}
		.main-menu ul li {
		    margin-right: 50px;
		}
        </style>
    </head>
    <body>        
        <!--Header Area-->
        <header class="header-area">
            <nav class="navbar sticky-top navbar-expand-lg main-menu">
                <div class="row" style="padding:0 35px 0 45px;width: 100%;">
                    <a class="navbar-brand" href="index.html">
                        <img class="logo" src="images/logo.png" alt="" style="margin-top: 12px;">
                        <img class="logo2" src="images/logo.png" alt="" style="margin-top: 12px;">
                    </a>
                    <div class="collapse navbar-collapse f18" id="navbarSupportedContent" style="width: 70%">
                        <ul class="navbar-nav m-auto text-center">
                            <li class="nav-item"><a class="nav-link active" href="#shouye">首页</a></li>
                            <li class="nav-item"><a class="nav-link" href="#anlizhanshi">案例</a></li>
                            <li class="nav-item"><a class="nav-link" href="#huoban">伙伴</a></li>
                            <li class="nav-item"><a class="nav-link" href="#liucheng">流程</a></li>
                            <li class="nav-item"><a class="nav-link" href="#liuyan">留言</a></li>
                        </ul>
                       
                    </div>
                </div>
            </nav>
        </header><!--/Header Area-->

        <!--Hero Area-->
        <div id="shouye" style="width: 100%;">
        	<div><a href=""></a><img src="images/18-06.png" alt=""></a></div>
        	<div class="jieshao container" style="position: relative;bottom: 45px;padding: 0;width: 1400px;">
                <ul>
                    <li class="shuoming xuanzhong">
                        <div class="mb-10">
                        	<img class="dz-img2" src="images/18-01-1.png" style="width: 50px;">
                        	<img class="dz-img"  src="images/18-01.png" style="width: 50px;">
                    	</div>
                        <div>
                            <h4>品牌设计</h4>
                            <p>LOGO&nbsp;VI&nbsp;IP&nbsp;海报&nbsp;画册</p>
                        </div>
                    </li>
                    <li class="shuoming">
                        <div class="mb-10">
                        	<img class="dz-img2" src="images/18-02-1.png" style="width: 50px;">
                        	<img class="dz-img"  src="images/18-02.png" style="width: 50px;">
                    	</div>
                        <div>
                            <h4>包装设计</h4>
                            <p>礼盒&nbsp;标签&nbsp;手提袋&nbsp;包装袋</p>
                        </div>
                    </li>
                    <li class="shuoming">
                        <div class="mb-10">
                        	<img class="dz-img2" src="images/18-03-1.png" style="width: 50px;">
                        	<img class="dz-img"  src="images/18-03.png" style="width: 50px;">
                    	</div>
                        <div>
                            <h4>视频制作</h4>
                            <p>CG&nbsp;3D&nbsp;产品宣传&nbsp;企业宣传</p>
                        </div>
                    </li> 
                     <li class="shuoming">
                        <div class="mb-10">
                        	<img class="dz-img2" src="images/18-04-1.png" style="width: 50px;">
                        	<img class="dz-img"  src="images/18-04.png" style="width: 50px;">
                    	</div>
                        <div>
                            <h4>网页设计</h4>
                            <p>公司官网&nbsp;电商主页&nbsp;详情页</p>
                        </div>
                    </li>
                    <li class="shuoming">
                        <div class="mb-10">
                        	<img class="dz-img2" src="images/18-05-1.png" style="width: 50px;">
                        	<img class="dz-img"  src="images/18-05.png" style="width: 50px;">
                    	</div>
                        <div>
                            <h4>空间设计</h4>
                            <p>美陈&nbsp;文化墙&nbsp;导视系统</p>
                        </div>
                    </li> 
                </ul>
            </div>
        </div>
        <!--案例展示-->
        <div id="anlizhanshi" style="width: 100%;">
        	<div class="container" style="width: 1400px;padding: 0;">
        		<div class="section-title">
                    <h2 class="c333 f30 mr-10">案例展示</h2>
                    <p>the case shows</p>
                </div>
                <!-- 品牌设计 -->
                <div class="al-box mb-40">
                	<div class="fl zuo-box">
                		<div class="row al-name">
		                    <div class="col-xl-8 col-lg-8 col-md-6 col-sm-8">
		                        <div class="section-title" style="margin-top: 0;">
		                            <h4 class="cfff">品牌设计</h2>
		                        </div>
		                    </div>
		                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-4">
		                        <div class="title-right">
		                            <a href="" class="f14 cfff">more&nbsp;&gt;&gt;</a>
		                        </div>
		                    </div>
		                </div>
		                <h2 class="cfff text-center mb-20">2699<span style="font-size: 24px;">/套</span></h2>
		                <div class="biaoqian">LOGO设计</div>
		                <div class="biaoqian">VI设计</div>
		                <div class="biaoqian">IP形象</div>
		                <div class="biaoqian">海报设计</div>
		                <div class="biaoqian">画册折页</div>
		                <div class="text-center" style="position: absolute;bottom: 25px;margin: auto;left: 0;right: 0;"><button class="zixun">立即咨询</button></div>
                	</div>
                	<div class="fl" style="width: 1000px;">
						<div id="focus" class="focus">
							<ul>
								<li><a href="JavaScript:;"><img src="images/18-09.png"/></a></li>
								<li><a href="JavaScript:;"><img src="images/18-10.png"/></a></li>
								<li><a href="JavaScript:;"><img src="images/18-11.png"/></a></li>
							</ul>
						</div>
                	</div>
                </div>
                <!-- /品牌设计 -->
				<!-- 包装设计 -->
                <div class="al-box mb-50">
                	<div class="fl zuo-box">
                		<div class="row al-name">
		                    <div class="col-xl-8 col-lg-8 col-md-6 col-sm-8">
		                        <div class="section-title" style="margin-top: 0;">
		                            <h4 class="cfff">包装设计</h2>
		                        </div>
		                    </div>
		                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-4">
		                        <div class="title-right">
		                            <a href="" class="f14 cfff">more&nbsp;&gt;&gt;</a>
		                        </div>
		                    </div>
		                </div>
		                <h2 class="cfff text-center mb-20">2980<span style="font-size: 24px;">/套</span></h2>
		                <div class="biaoqian">礼盒设计</div>
		                <div class="biaoqian">标签设计</div>
		                <div class="biaoqian">瓶型设计</div>
		                <div class="biaoqian">包装袋设计</div>
		                <div class="text-center" style="position: absolute;bottom: 25px;margin: auto;left: 0;right: 0;"><button class="zixun">立即咨询</button></div>
                	</div>
                	<div class="fl" style="width: 1000px;">
						<div id="focus2" class="focus">
							<ul>
								<li><a href="JavaScript:;"><img src="images/18-10.png"/></a></li>
								<li><a href="JavaScript:;"><img src="images/18-11.png"/></a></li>
								<li><a href="JavaScript:;"><img src="images/18-12.png"/></a></li>
							</ul>
						</div>
                	</div>
                </div>
                <!-- /包装设计 -->
                <!-- 视频制作 -->
                <div class="al-box mb-50">
                	<div class="fl zuo-box">
                		<div class="row al-name">
		                    <div class="col-xl-8 col-lg-8 col-md-6 col-sm-8">
		                        <div class="section-title" style="margin-top: 0;">
		                            <h4 class="cfff">视频制作</h2>
		                        </div>
		                    </div>
		                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-4">
		                        <div class="title-right">
		                            <a href="" class="f14 cfff">more&nbsp;&gt;&gt;</a>
		                        </div>
		                    </div>
		                </div>
		                <h2 class="cfff text-center mb-20">4599<span style="font-size: 24px;">/套</span></h2>
		                <div class="biaoqian">CG动画</div>
		                <div class="biaoqian">3D动画</div>
		                <div class="biaoqian">产品宣传</div>
		                <div class="biaoqian">企业宣传片</div>
		                <div class="text-center" style="position: absolute;bottom: 25px;margin: auto;left: 0;right: 0;"><button class="zixun">立即咨询</button></div>
                	</div>
                	<div class="fl" style="width: 1000px;">
						<div id="focus3" class="focus">
							<ul>
								<li><a href="JavaScript:;"><img src="images/18-11.png"/></a></li>
								<li><a href="JavaScript:;"><img src="images/18-12.png"/></a></li>
								<li><a href="JavaScript:;"><img src="images/18-13.png"/></a></li>
							</ul>
						</div>
                	</div>
                </div>
                <!-- /视频制作 -->
                <!-- 网页设计 -->
                <div class="al-box mb-50">
                	<div class="fl zuo-box">
                		<div class="row al-name">
		                    <div class="col-xl-8 col-lg-8 col-md-6 col-sm-8">
		                        <div class="section-title" style="margin-top: 0;">
		                            <h4 class="cfff">网页设计</h2>
		                        </div>
		                    </div>
		                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-4">
		                        <div class="title-right">
		                            <a href="" class="f14 cfff">more&nbsp;&gt;&gt;</a>
		                        </div>
		                    </div>
		                </div>
		                <h2 class="cfff text-center mb-20">5399<span style="font-size: 24px;">/套</span></h2>
		                <div class="biaoqian">官网设计</div>
		                <div class="biaoqian">电商主页设计</div>
		                <div class="biaoqian">详情页</div>
		                <div class="text-center" style="position: absolute;bottom: 25px;margin: auto;left: 0;right: 0;"><button class="zixun">立即咨询</button></div>
                	</div>
                	<div class="fl" style="width: 1000px;">
						<div id="focus4" class="focus">
							<ul>
								<li><a href="JavaScript:;"><img src="images/18-12.png"/></a></li>
								<li><a href="JavaScript:;"><img src="images/18-13.png"/></a></li>
								<li><a href="JavaScript:;"><img src="images/18-09.png"/></a></li>
							</ul>
						</div>
                	</div>
                </div>
                <!-- /网页设计 -->
                <!-- 空间设计 -->
                <div class="al-box mb-50">
                	<div class="fl zuo-box">
                		<div class="row al-name">
		                    <div class="col-xl-8 col-lg-8 col-md-6 col-sm-8">
		                        <div class="section-title" style="margin-top: 0;">
		                            <h4 class="cfff">空间设计</h2>
		                        </div>
		                    </div>
		                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-4">
		                        <div class="title-right">
		                            <a href="" class="f14 cfff">more&nbsp;&gt;&gt;</a>
		                        </div>
		                    </div>
		                </div>
		                <h2 class="cfff text-center mb-20">5399<span style="font-size: 24px;">/套</span></h2>
		                <div class="biaoqian">美陈设计</div>
		                <div class="biaoqian">导视系统设计</div>
		                <div class="biaoqian">展会展台设计</div>
		                <div class="biaoqian">文化墙设计</div>
		                <div class="text-center" style="position: absolute;bottom: 25px;margin: auto;left: 0;right: 0;"><button class="zixun">立即咨询</button></div>
                	</div>
                	<div class="fl" style="width: 1000px;">
						<div id="focus5" class="focus">
							<ul>
								<li><a href="JavaScript:;"><img src="images/18-13.png"/></a></li>
								<li><a href="JavaScript:;"><img src="images/18-09.png"/></a></li>
								<li><a href="JavaScript:;"><img src="images/18-10.png"/></a></li>
							</ul>
						</div>
                	</div>
                </div>
                <!-- /空间设计 -->
        	</div>
        </div>

        <!--/案例展示-->
        <!--合作流程-->
        <div id="liucheng" style="width: 100%;">
        	<div class="container" style="width: 1400px;padding: 0;">
        		<div class="section-title">
                    <h2 class="c333 f30 mr-10">合作流程</h2>
                    <p>cooperation process</p>
                </div>
                <div class="mt-20 mb-40"><img src="images/18-14.png" alt=""></div>
            </div>
        </div>
		<!--/合作流程-->
		<!--我要留言-->
        <div id="liuyan" style="width: 100%;">
        	<div class="container" style="width: 1400px;padding: 0;">
        		<div class="section-title">
                    <h2 class="c333 f30 mr-10">我要留言</h2>
                    <p>leave a message</p>
                </div>
                <div class="mt-20 ly-box mb-60">
                	<form role="form">
						<div class="form-group" style="width: 700px;margin: 10px auto 20px;">
						    <input type="text" class="form-control shurukuang" placeholder="请输入公司名称">
						</div>
						<div style="width: 700px;margin: 10px auto 20px;clear: both;">
							<div class="form-group" style="width: 340px;float: left;">
							    <input type="text" class="form-control shurukuang" placeholder="请输入公司名称">
							</div>
							<div class="form-group" style="width: 340px;float: right;">
							    <input type="text" class="form-control shurukuang" placeholder="请输入公司名称">
							</div>
						</div>
						<div class="form-group" style="width: 700px;margin: 10px auto 20px;clear: both;">
						    <textarea class="form-control" rows="3" placeholder="请简单描述下项目需求"></textarea>
						</div>
						<div class="form-group">
						    <div class="text-center mt-30">
						      <button type="submit" class="btn btn-default tj-bth">提交</button>
						    </div>
					    </div>
					</form>
                </div>
            </div>
        </div>
		<!--/我要留言-->
       <!-- 悬浮层 -->
		<div class="side">
			<ul>
				<li class="sideewm"><i class="bgs1"></i>个人VIP
					<div class="ewBox son tp1"></div>
				</li>
				<li class="sideewm"><i class="bgs2"></i>企业VIP
					<div class="ewBox son tp2"></div>
				</li>
				<li class="sideewm"><i class="bgs3"></i>小程序
					<div class="ewBox son tp3">
						<p>扫码打开作图小程序</p>
						<div><img src="images/float_xcx_dtl.png"></div>
					</div>
				</li>
				<li class="sideewm"><i class="bgs4"></i>公众号
					<div class="ewBox son tp3">
						<p>扫码打开官方公众号</p>
						<div><img src="images/QRcodeDefault.jpg"></div>
					</div>
				</li>
				<li id="yuyueshow"><i class="bgs5"></i>赚钱</li>
				<li id="yuyueshow"><i class="bgs6"></i>反馈</li>
				<li class="sideetel"><i class="bgs7"></i>客服
					<div class="telBox son">
						<dd class="bgs1">
							<span style="color: #333;font-weight: 700;">在线客服</span>
							工作日：9:00-22:00<br>节假日：10:00-18:00
							<a class="lianxi" href="">联系客服</a>
						</dd>
						<dd class="bgs2">
							<span style="color: #333;font-weight: 700;">企业定制客服QQ</span>
							客服：1348341620
							<a class="lianxi" href="">联系客服</a>
						</dd>
					</div>
				</li>
				<li id="yuyueshow"><i class="bgs8"></i>设计定制</li>
				<li id="yuyueshow"><i class="bgs9"></i>邀请活动</li>
				<li id="yuyueshow"><i class="bgs10"></i>教程</li>
				<li class="sidetop" onClick="goTop()"><i class="bgs11"></i>返回顶部</li>
			</ul>
		</div>
		<script>
			function goTop() {
				$('html,body').animate({
					scrollTop: 0
				}, 500)
			}

			//轮播
			$(function() {
				$('#focus').slideFocus();
				$('#focus2').slideFocus();
				$('#focus3').slideFocus();
				$('#focus4').slideFocus();
				$('#focus5').slideFocus();
			});
		</script>
       <!-- /悬浮层 -->
       <!-- 轮播 -->
      <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
	  <script type="text/javascript" src="js/Tony_Tab.js"></script>

    </body>
</html>